<template>
  <div class="error-page" :style="{height: winH + 'px'}">
    <div class="content-con">
      <img :src="src"
           :alt="code">
      <div class="text-con">
      </div>
      <back-btn-group class="back-btn-group"></back-btn-group>
    </div>
  </div>
</template>

<script>
import './error.less'
import backBtnGroup from './back-btn-group.vue'
export default {
  name: 'error_content',
  components: {
    backBtnGroup
  },
  data () {
    return {
      winH: ''
    }
  },
  props: {
    code: String,
    desc: String,
    src: String
  },
  mounted () {
    let _this = this
    this.winH = (document.documentElement.clientHeight || document.body.clientHeight)
    window.onresize = function () {
      _this.winH = (document.documentElement.clientHeight || document.body.clientHeight)
    }
  }
}
</script>
